{% extends 'base.html' %}
{% block style %}
{{ super() }}
    <style>
    .img-thumbnail{
        width: 100px;
    }
    </style>
{% endblock %}
{% block title %}足球宝贝{% endblock %}
{% block nav %}
    <li class="nav-item active">
        <a href="/girl-list/" class="nav-link">回到足球宝贝</a>
    </li>
{% endblock %}
{% block content %}
    <div class="container">
        <div class="row">
            <ul class="list-unstyled">
                {% for item in data %}
                <li class="media mt-3">
                    <img src="{{ item.cover }}" alt="" class="mr-5 img-thumbnail">
                    <div class="media-body">
                        <h3 class="h5 mt-1"><a href="/girl-{{ item.id }}/" target="_blank">{{ item.title }}</a></h3>
                        <p><a href="{{ item.url }}" target="_blank">{{ item.id }}</a></p>
                    </div>
                </li>
                {% endfor %}
            </ul>

        </div>
    </div>
{% endblock %}